<template>
	<view class="msg-box">
		<view class="msg-center flex justify-around">
			<view class="text-center box-list" @click="l.to('/pages/home/fromList?class=' + '互动通知')">
				<image src="../../static/img/hud.png" class="w90 h90 r45" mode=""></image>
				<view class="mt29">互动通知</view>
				<view class="init">
					2
				</view>
			</view>
			<view class="text-center box-list"  @click="l.to('/pages/home/fromList?class=' + '星通知')">
				<image src="../../static/img/xx.png" class="w90 h90 r45" mode=""></image>
				<view class="mt29">星通知</view>
				<view class="init">
					2
				</view>
			</view>
			<view class="text-center box-list" @click="l.to('/pages/home/appointment')">
				<image src="../../static/img/yh.png" class="w90 h90 r45" mode=""></image>
				<view class="mt29">约会申请</view>
				<view class="init">
					2
				</view>
			</view>
			<view class="text-center box-list" @click="l.to('/pages/home/invitelist')">
				<image src="../../static/img/yy.png" class="w90 h90 r45" mode=""></image>
				<view class="mt29">邀约列表</view>
				<view class="init">
					2
				</view>
			</view>
			
		</view>
		
		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onShow() {},
	onLoad(e) {},
	methods: {
		
	}
};
</script>

<style lang="scss" scoped>
.msg-box {
	
	.msg-center {
		padding: 30rpx;
		border-top: 2rpx  solid #F7F5F7;
		
		.box-list {
			position: relative;
		}
		
		.init {
			width: 40rpx;
			height: 40rpx;
			right: 0;
			top: 0;
			line-height: 40rpx;
			text-align: center;
			color: #FFFFFF;
			position: absolute;
			border-radius: 30rpx;
			background-color: #FE1111;
		}
	}
}
</style>
